import React from 'react';
import Barcode from 'react-barcode';
import styles from './VipBarcode.less';
import Container from "./Container";

class VipBarcode extends React.Component {
  // render() {
  //   return (<div className={styles.vipBarcode}>
  //     <div className={styles.shop}>{this.props.shopName}</div>
  //     <Barcode value={this.props.card_no || this.props.card_id} height={60} background={"rgba(255, 255, 255, 0)"} />
  //     <div className={styles.info}>请让营业员扫码积分</div>
  //   </div>);
  // }

  render() {
    return (
        <div className={styles["br-border"]}>
          <div className={styles["shop"]}>{this.props.shopName}</div>
          <div className={styles["name-a"]}>会员卡号</div>

          <div className={styles["l-c"]}>
            <div className={styles["lines"]} />
            <div className={styles["ccc1"]}></div>
            <div className={styles["ccc2"]}></div>
          </div>

          <div className={styles["brcode"]}>
            <Barcode
              value={this.props.card_id}
              height={100}
              background={"rgba(255, 255, 255, 0)"}
            />
          </div>

          <div className={styles["name-b"]}>请让营业员扫码积分</div>
        </div>
    );
  }
}

VipBarcode.propTypes = {
  shopName: React.PropTypes.string,
  card_id: React.PropTypes.string,
};

export default VipBarcode;
